<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../../static/css/login.css"
      type="text/css"
      th:href="@{/static/css/login.css}"
    />
  </head>
  <style>
    @import url("../../static/css/iconfont01.css");
  </style>
  <body>
    <div class="login-register">
      <div class="top-content">
        <div class="top-login bar">登录</div>
        <span>|</span>
        <div class="top-register">注册</div>
      </div>
      <div class="login">
        <form action="" method="post" id="login-form">
          <div class="login-form">
            <i>*</i>
            <span>邮箱</span>
            <input
              name="login-email"
              type="email"
              placeholder="Email"
              class="loginE"
            />
            <br />
            <i>*</i>
            <span>密码</span>
            <input
              name="login-password"
              type="password"
              placeholder="Password"
              class="loginPwd"
            />
            <br />
            <p class="link-register">还没有账号?<a class="link">立即注册</a></p>
            <button>登录</button>
          </div>
        </form>

        <div class="login-side"></div>
        <div class="login-message">
          <div class="login-img">
            <img
              src="../../static/img/logo.jpg"
              th.src="@{static/img/logo.jpg}"
              class="img"
            />
          </div>
        </div>
      </div>
      <div class="register">
        <div class="register-form">
          <form
            action="/register"
            method="post"
            id="register-form"
            target="register"
          >
            <i>*</i>
            <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</span>
            <input name="register-email" type="email" placeholder="Email" />
            <br />
            <i>*</i>
            <span>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</span>
            <input
              name="register-password"
              type="password"
              placeholder="Password"
            />
            <br />
            <i>*</i>
            <span>确认密码</span>
            <input type="password" placeholder="请确认密码" />
            <br />

            <i>*</i>
            <span>&nbsp;验&nbsp;证&nbsp;码&nbsp;</span>
            <input type="text" placeholder="请输入验证码" name="login-code" />
            <a class="code">发送验证码</a>
            <br />
            <button>注&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;册</button>
          </form>
          <iframe name="register" style="display: none"></iframe>
        </div>

        <div class="register-side"></div>
        <div class="register-message">
          <div class="register-img">
            <img src="../../static/img/logo.jpg" class="img" />
          </div>
        </div>
      </div>
    </div>
  </body>
  <script
    type="text/javascript"
    src="../../static/js/login.js"
    th:src="@{/static/js/login.js}"
  ></script>
</html>
